<template>
  <div class="outer-wrapper" :class="'skin-' + $root.skin">
    <PublicHeader></PublicHeader>
    <div class="diy-detail">
      <div class="diy-detail-left">
        <div class="diy-detail-left-top"><fplxqk></fplxqk></div>
        <div class="diy-detail-left-bottom"><fpztqk></fpztqk></div>
      </div>
      <div class="diy-detail-right">
        <fpqk></fpqk>
      </div>
    </div>
  </div>
</template>
<script>
import Vue from "vue";
import PublicHeader from "@/components/publicHeader.vue";

// 首页 --start--
import fplxqk from "./modules/fplxqk.vue";
import fpqk from "./modules/fpqk.vue";
import fpztqk from "./modules/fpztqk.vue";

// import nsrgc from "./modules/nsrgc.vue";
// import sybhqs from "./modules/sybhqs.vue";
// import bssyfb from "./modules/bssyfb.vue";

Vue.filter("formateMoney", (num) => {
  return num.toString().replace(/\d+/, function (n) {
    return n.replace(/(\d)(?=(?:\d{4})+$)/g, "$1,");
  });
});

// 收入 --end--
export default {
  components: {
    PublicHeader,
    fplxqk,
    fpqk,
    fpztqk,
    // nsrgc,
    // sybhqs,
    // bssyfb,
  },
  data() {
    return {};
  },
  created() {},
};
</script>
<style lang="scss">
@import "~@/assets/styles/common.scss";
</style>

<style lang="scss" scoped>
.diy-detail {
  display: flex;
  .diy-detail-left {
    height: 100%;
    flex: 1;
    .diy-detail-top-left {
      width: 50%;
      height: 100%;
    }
    .diy-detail-top-right {
      width: 50%;
      height: 100%;
    }
  }
  .diy-detail-right {
    height: 100%;
    flex: 1;
  }
}
</style>
